<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Naver Map</title>
<script type="text/javascript"
	src="http://map.naver.com/js/naverMap.naver?key=95aacc34047b910f3f3334804fc817d7"></script>
</head>
<body style='margin: 0px'>
<div id='mapContainer' style='width: 971px; height: 627px'></div>
<script type="text/javascript">
<!--
var mapObj = new NMap(document.getElementById('mapContainer'));
mapObj.setCenterAndZoom(new NPoint(315113,544818),7);

var zoom = new NZoomControl();
zoom.setAlign("left");
zoom.setValign("bottom");
mapObj.addControl(zoom);
mapObj.addControl(new NIndexMap());

function drawLine(start, end, lineColor, lineWidth) {
	var line = new NPolyline();
	line.setWeight(lineWidth);
	line.setOpacity(0.7);
	line.setColor(lineColor);
	line.addPoints(start, end);
	mapObj.addOverlay(line, "polyline");
}

function drawLineTm128(startX, startY, endX, endY, lineColor, lineWidth) {
	drawLine(new NPoint(startX, startY), new NPoint(endX, endY), lineColor, lineWidth);
}

function drawLineLatlng(startLat, startLng, endLat, endLng, lineColor, lineWidth) {
	var startLatlng = new NLatLng(startLat, startLng);
	var endLatlng = new NLatLng(endLat, endLng);
	
	var startTm128 = mapObj.fromLatLngToTM128(startLatlng);
	var endTm128 = mapObj.fromLatLngToTM128(endLatlng);
	
	drawLine(startTm128, endTm128, lineColor, lineWidth);
}

function clearOverlays() {
	mapObj.clearOverlays("polyline");
}

function pan(x, y) {
	mapObj.pan(x-315113,y-544818);
}
//-->
</script>
</body>
</html>
